import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '../components/Login.vue'
import Home from '../components/Home.vue'
import Welcome from '../components/Welcome.vue'
import Users from '../components/user/Users.vue';
import Rights from '../components/power/Rights.vue';
import Roles from '../components/power/Roles.vue';
import Goods from '../components/cate/Goods.vue';
import Params from '../components/cate/Params.vue';
import List from '../components/cate/List.vue';
import Add from '../components/cate/Add.vue';
import Order from '../components/order/Order.vue';
import Report from '../components/report/Report.vue';
Vue.use(VueRouter)

const routes = [
  
]

const router = new VueRouter({
  routes:[
    // 重定向到/login
    {path:'/',redirect: '/login'},
    {path:"/login",component:Login},
    {
      path:"/home",
      component:Home,
      redirect: '/welcome',
      children:[
        {
          path:'/welcome',
          component:Welcome
        },
        {
          path:'/users',
          component:Users
        },{
          path:'/rights',
          component:Rights
        },{
          path:'/roles',
          component:Roles
        },{
          path:'/categories',
          component:Goods
        },{
          path:'/params',
          component:Params
        },{
          path:'/goods',
          component:List
        },{
          path:'/cate/add',
          component:Add
        },{
          path:'/orders',
          component:Order
        },,{
          path:'/reports',
          component:Report
        }
      ]
    }
  ]
})

//挂在路由导航守卫
router.beforeEach((to, from, next) => {
  //to 将要访问的路径
  //from 代表从哪个路径跳转而来
  //next 是一个函数,表示放行
  if(to.path==='/login') return next();
  //获取token
  const tokenStr = window.sessionStorage.getItem("token");
  //判断token是否有值,如果有值、则可以直接放行跳转到要去的页面，
  //如果没有则跳转回登录页面
  if(!tokenStr) return next("/login");
  next();
})

export default router
